<!DOCTYPE html>
<html lang="en">
<head>
    <title>地图导航定位</title>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width,initial-scale=1.0"/>
    <style rel="stylesheet" type="text/css">
        /*去除正文区域内外的间距：全屏*/
        body{margin:0; padding:0;}
        /*地图加载容器的大小*/
        #container{
            width: 100%;
            height: 100vh;
        }
    </style>
</head>
<body>
<!--
    注册高德平台账号：https://lbs.amap.com
    开发手册：https://lbs.amap.com/api/javascript-api-v2/summary
    创建应用，创建key
-->

<!--地图呈现容器-->
<div id="container"></div>

<!--设置全局变量-->
<script type="text/javascript">
    <!--    秘钥设置到全局变量中-->
        window._AMapSecurityConfig = {
                securityJsCode: 'a95cf6f6ec2c0aa7631e39fd1ea18028'
            }
</script>

<!--加载地图API-->
<script src="https://webapi.amap.com/maps?v=2.0&key=8161e6e4b884a297788fb8a0f629706c"></script>

<!--自定义脚本开发-->
<script type="text/javascript">
    <!--    创建地图实例-->
        var map = new AMap.Map('container',{
            viewMode: '2D',
            zoom: 25, //地图层级
            center: [114.336758,30.532525] //中心点坐标
        });

        window.onload = function(){
            //调用鸿蒙端，代理注册过来的函数
            window.swift.setCurrentLocation('葫芦娃')
        };

        function setLocation(lon,lat){
            //重新设置地图的中心点
            map.setZoomAndCenter(25, [lon,lat]);
            //设置标记点
            var marker = new AMap.Marker({
                position: [lon,lat],
                map,
                icon:'https://webapi.amap.com/theme/v1.3/markers/n/mark_b.png'
                });
             //加入到地图上
             map.add(marker);
             //为地图新增插件能力:搜索
             map.plugin(['AMap.PlaceSearch'], function() {
                //创建搜索功能对象，提供搜索设置
                var MSearch = new AMap.PlaceSearch({
                    map, //地图组件
                    pageSize: 4, //每页显示结果条数
                    pageIndex: 1, //初始页码
                    extensions: "base" //扩展：基本信息
                 });
                 //为地图设置监听：为搜索结果完成时
                 AMap.Event.addListener(MSearch, 'complete', (results)=> {
                    //调用鸿蒙方法，传回搜索结果
                    //通讯传递，只能是字符串string
                    window.swift.receiveNearPlace(JSON.stringify(results.poiList.pois))
                 });

                 //执行搜索：自动标记
                 MSearch.searchNearBy('停车场',[lon,lat]);
             });
        }
</script>


</body>
</html>